<!--出库单-->
<template>
  <card-wrapper :data-item="dataItem" class="w-288">
    <area-top :text-left="dataItem['出库单号'] || '无'" />
    <label-normal
      label="出库数量"
      :value="`${dataItem['出库数量'] || '无'} ${dataItem['物料单位'] || '无'}`"
      class="mt-8"
    />
    <p class="mt-8 font-12 text-5A6F82">隶属仓库/库区/库位</p>
    <span class="mt-4 text-14">{{ dataItem["出库仓库"] || "无" }}</span>
    <label-normal
      :label="$i18n.t('mind.ex-warehouse')"
      :value="`${dataItem['出库员'] || '无'}  ${dataItem['出库时间'] || '无'}`"
      class="mt-8"
    />
  </card-wrapper>
</template>

<script>
import CardWrapper from "@/views/mind/components/common/card-wrapper.vue";
import AreaTop from "@/views/mind/components/common/area-top.vue";
import LabelNormal from "@/views/mind/components/common/label-normal.vue";
export default {
  name: "card-out-stock",
  props: {
    dataItem: {
      type: Object,
      default: () => {},
    },
  },
  components: { CardWrapper, AreaTop, LabelNormal },
};
</script>
